<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
 	<meta charset="UTF-8">
 	<title>帅帅小铺-实体商户社群服务平台⼁商铺出租转让⼁门面出租转让⼁店铺出租转让⼁找铺租铺⼁找店求租</title>
 	<meta name="renderer" content="webkit">
 	<meta name="keywords" content="帅小铺⼁铺友圈⼁生意日记⼁门面租转⼁商铺租售⼁商户服务⼁商户活动⼁商铺咨询">
 	<meta name="description" content="帅小铺是一个实体商户社群服务平台，致力于为商家、房东、经纪人、服务商搭建一个可信赖的社群服务社区，秉承“服务与成就实体商户”的使命，用新技术和新模式整合行业资源，提升行业效率和可持续增长。">
 	<link href="/favicon.ico" rel="icon">
	<link rel="stylesheet" href="/assets/css/city.css?v=1"/>
	<link rel="stylesheet" href="/assets/layui/css/layui.css"/>
    <script type="text/javascript" src="/assets/layui/layui.js"></script>
    <script type="text/javascript" src="/assets/libs/index/app.js"></script>
    <script type="text/javascript" src="/assets/module/cascader/citys-data.js"></script>
</head>
<body>
	<div class="wrapper" style="margin: 0 auto;">
		<div class="city_search">
			<div class="con">
                    <span class="logo"><a href="/"></a></span>
            </div>
			<div class="search_wrapper">
				<input type="text" placeholder="搜索城市" class="sug-input" id="cityinput"> 
				<a class="btn btn_blue search_btn" lay-event="searchCity">搜索</a> 
				<i class="icon icon_search"></i>
				<div id="city_sug" style="display: block;"></div>
			</div>
		</div>
	</div>
	<div class="city_selection_section">
		<div>
			<div class="city_recommend c_b">
				<div class="city_recommend_tit">热门城市</div>
				<ul class="city_recommend_list">
					<li><a href="javascript:void(0);" data-id="500100" lay-event="changecity">重庆</a></li>
					<li><a href="javascript:void(0);" data-id="650100" lay-event="changecity">乌鲁木齐</a></li>
				</ul>
			</div>
		</div>
		<div class="city_recommend">
			<div class="city-item VIEWDATA">
				<div class="city_list_section">
					<ul class="city_list_ul">
						<li class="city_list_li city_list_li_selected" th:each="item:${citys}" th:if="${not #lists.isEmpty(item.value)}">
							<div class="city_firstletter">
								<span th:text="${item.key}"></span><i></i>
							</div>
							<div class="city_list" th:if="${not #lists.isEmpty(item.value)}">
								<div class="city_province" th:each="city:${item.value}">
									<i></i>
									<div class="city_list_tit c_b" th:text="${city.shortName}"></div>
									<ul>
										<li th:each="chil:${city.children}"><a href="javascript:void(0);" th:attr="data-id=${chil.aid}" lay-event="changecity" th:text="${chil.shortName}"></a></li>
									</ul>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</body>
</html>